<template>
  <div style="margin-top:75px">
    <div id="all">
      <iframe id="maps" width="800" height="460" frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src="https://surl.amap.com/awW6qOla0S"></iframe>
      <div id="text">
        {{title}}<br/>
        地址：{{address}}<br/>
        电话: {{tel}}
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props:{
    title:String,
    address:String,
    tel:String
  }
}
</script>

<style scpoed>
#maps{
  width:100%;
  height: 400px;
  padding: 0 auto;
  /* box-shadow: 0 5px 5px  #c7c7c7; */
  box-shadow: 0 0 10px 10px #e9e9e9;

}
#all{
  width: 83%;
  margin:0 auto;
}
iframe body{
  margin: 0 auto;
}
#text{
  height: 120px;
  width: 70%;
  margin: 0 auto;
  box-shadow: 0 6px 6px #c7c7c7;
  transform: translateY(-10px);
  padding: 30px 50px;
}
</style>